:root {
    --main-margin-top: 160px;
    --wave-top: 70px;
}

body {
    --text-color: #303133;
    --text-font-color: #606266;
    --text-info-color: #909399;
    --text-active-color: #2e86ef;
    --text-delete-color: #ee2149;
    --text-bar-color: #303133;
    --text-bar-active-color: #2e86ef;
    --bar-bgc: rgb(245, 245, 245);
    /*--body-bgc: rgb(235,237,240);*/
    --body-bgc: #f5f6f7;
    --header-bgc: #ffffff;
    --item-bgc: #fff;
    --scrollbar-bgc: #2e86ef;
    --dialog-bg-color: rgb(255, 255, 255);
    --dialog-bg-demo-color: rgb(250, 250, 250);
    --dialog-boder-demo-color: rgb(226, 226, 226);
}

.dark {
    --text-color: #303133;
    --text-active-color: #2e86ef;
    --text-bar-color: #303133;
    --text-bar-active-color: #2e86ef;
    --body-bgc: #474444;
    --scrollbar-bgc: #2e86ef;
}

body {
    /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);*/
    scroll-behavior: smooth; /* 启用平滑滚动 */
    background-color: var(--body-bgc);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    /* 采用CSS3盒子模型 */
    box-sizing: border-box;
    font-size: 16px;
    font-family: "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* 去掉 li 的小圆点 */
li {
    list-style: none;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    text-decoration: none !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 10px;
    height: 4px
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background-color: transparent;
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(62, 147, 234, 0.3);
    border-radius: 6px
}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:vertical:active {
    background-color: var(--scrollbar-bgc)
}

.red{
    color: #fb5858;
    font-weight: 600;
}
